/* side */
.container {
  width: 100%;
}
.side {
  float: left;
  width: 230px;
  background-color: #f2f2f2;
  padding-bottom: 60px;
}
.side-company {
  width: 230px;
  height: 110px;
  padding-top: 15px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.side-company-logo {
  background-color: #f7f7f7;
  border: 1px dashed #d9d9d9;
  text-align: center;
  margin: 0 15px 8px;
  padding: 22px 0 20px;
}
.side-company-logo img,
.side-company img {
  max-width: 228px;
  max-height: 110px;
}
.side-company-name {
  padding-bottom: 20px;
  line-height: 26px;
  font-size: 18px;
  text-align: center;
}
.container .wrap {
  position: relative;
}
.container .wrap:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background-color: #f2f2f2;
  border-left: 230px solid #f2f2f2;
  height: 100%;
  clear: both;
  z-index: -1;
}
.container .footer .wrap:before {
  background-color: #fff;
  border: 0;
}
/* nav */
.nav li {
  margin-bottom: 2px;
}
.nav-a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
}
.nav-a i {
  float: left;
  margin: 10px 18px 0 22px;
  width: 22px;
  height: 20px;
  background: url(/static_public/images/icon/nav_icon.png) no-repeat center center;
}
i.icon-home {
  background-position: 0 0;
  width: 32px;
  height: 32px;
  margin: 13px 15px 0 15px;
}
i.icon-book {
  background-position: 0 -20px;
}
i.icon-tuoke {
  background-position: 0 -40px;
}
i.icon-ditch {
  background-position: 0 -124px;
  height: 22px;
  width: 22px;
}
i.icon-commission {
  background-position: 0 -167px;
  height: 22px;
}
i.icon-customer {
  background-position: 0 -100px;
}
i.icon-finance {
  background-position: 0 -209px;
  height: 18px;
}
i.icon-data {
  background-position: 0 -190px;
}
i.icon-020 {
  background-position: 0 -248px;
}
i.icon-return {
  background-position: 0 -656px;
}
i.icon-set {
  background-position: 0 -227px;
}
i.icon-building {
  background-position: 0 -104px;
}
i.icon-ditchManage {
  background-position: 0 -146px;
}
i.icon-userManage {
  background-position: 0 -33px;
  height: 21px;
}
i.icon-project {
  background-position: 0 -53px;
  height: 18px;
}
i.icon-message {
  background-position: 0 -70px;
  height: 18px;
}
i.icon-xmf {
  background-position: 0 -368px;
  height: 21px;
}
i.icon-application {
  background-position: 0 -466px;
}
i.icon-new-wls {
  background-position: 0px -421px;
  height: 23px;
}
i.icon-ms {
  background-position: 0px -508px;
  height: 25px;
}
i.icon-game {
  background-position: 0px -486px;
  height: 22px;
}
i.icon-old-wls {
  background-position: 0px -443px;
  height: 23px;
}
i.icon-channel {
  background-position: 0px -532px;
}
i.icon-business {
  background-position: 0px -575px;
}
i.icon-initset {
  background-position: 0px -553px;
  height: 22px;
}
i.icon-analysis {
  background-position: 0px -596px;
  height: 19px;
}
i.icon-monitor {
  background-position: 0px -596px;
  height: 19px;
}
i.icon-monitor {
  background-position: 0px -614px;
}
i.icon-ydxs {
  background-position: 0px -633px;
}
.nav-a:hover,
.nav-selected > a {
  background-color: #ff7713;
  color: #ffffff;
}
.nav-a:hover .icon-book,
.nav-selected .icon-book {
  background-position: -22px -20px;
}
.nav-a:hover .icon-tuoke,
.nav-selected .icon-tuoke {
  background-position: -22px -40px;
}
.nav-a:hover .icon-ditch,
.nav-selected .icon-ditch {
  background-position: -22px -124px;
}
.nav-a:hover .icon-commission,
.nav-selected .icon-commission {
  background-position: -22px -167px;
}
.nav-a:hover .icon-customer,
.nav-selected .icon-customer {
  background-position: -22px -100px;
}
.nav-a:hover .icon-finance,
.nav-selected .icon-finance {
  background-position: -22px -209px;
}
.nav-a:hover .icon-data,
.nav-selected .icon-data {
  background-position: -22px -190px;
}
.nav-a:hover .icon-020,
.nav-selected .icon-020 {
  background-position: -22px -248px;
}
.nav-a:hover .icon-set,
.nav-selected .icon-set {
  background-position: -22px -227px;
}
.nav-a:hover .icon-building,
.nav-selected .icon-building {
  background-position: -22px -104px;
}
.nav-a:hover .icon-ditchManage,
.nav-selected .icon-ditchManage {
  background-position: -22px -146px;
}
.nav-a:hover .icon-userManage,
.nav-selected .icon-userManage {
  background-position: -22px -33px;
}
.nav-a:hover .icon-project,
.nav-selected .icon-project {
  background-position: -22px -53px;
}
.nav-a:hover .icon-message,
.nav-selected .icon-message {
  background-position: -22px -70px;
}
.nav-a:hover .icon-xmf,
.nav-selected .icon-xmf {
  background-position: -22px -368px;
}
.nav-a:hover .icon-application,
.nav-selected .icon-application {
  background-position: -22px -466px;
}
.nav-a:hover .icon-new-wls,
.nav-selected .icon-new-wls {
  background-position: -22px -421px;
}
.nav-a:hover .icon-ms,
.nav-selected .icon-ms {
  background-position: -22px -508px;
}
.nav-a:hover .icon-game,
.nav-selected .icon-game {
  background-position: -22px -486px;
}
.nav-a:hover .icon-old-wls,
.nav-selected .icon-old-wls {
  background-position: -22px -443px;
}
.nav-a:hover .icon-business,
.nav-selected .icon-business {
  background-position: -22px -575px;
}
.nav-a:hover .icon-initset,
.nav-selected .icon-initset {
  background-position: -22px -553px;
}
.nav-a:hover .icon-analysis,
.nav-selected .icon-analysis {
  background-position: -22px -596px;
}
.nav-a:hover .icon-monitor,
.nav-selected .icon-monitor {
  background-position: -22px -614px;
}
.nav-a:hover .icon-ydxs,
.nav-selected .icon-ydxs {
  background-position: -22px -633px;
}
.nav-a:hover .icon-channel,
.nav-selected .icon-channel {
  background-position: -22px -532px;
}
.nav-a:hover .icon-return,
.nav-selected .icon-return {
  background-position: -22px -656px;
}
.nav-sub {
  display: none;
  padding-top: 2px;
}
.nav-sub a {
  display: block;
  height: 40px;
  padding-left: 72px;
  line-height: 40px;
  color: #333333;
}
.nav-sub a:hover,
.nav-sub .nav-sub-on a {
  background-color: #e5e5e5;
  color: #ff7713;
}
.nav-selected .nav-sub,
.nav-on .nav-sub {
  display: block;
}
.nav-sub li a {
  background: url(/static_public/images/icon/disc.png) no-repeat center left;
  background-position: 62px 18px;
}
.nav-sub a:hover,
.nav-sub .nav-sub-on a {
  background: url(/static_public/images/icon/disc_on.png) no-repeat center left #e5e5e5;
  background-position: 62px 18px;
}
